<template>
  <div class="" style="overflow: hidden;">
    <div class="pCBanner">
      <img src="../assets/images/banner3@2x.jpg">
      <!-- <div class="PhoneNumber">
        全国服务热线：{{footerobj.mobile}}
      </div> -->
    </div>
    <div class="Uker01Com">
      <div class="container">
        <div class="UkerCoas">
          <div class="Uker01ComItem">
            <div class="Uker01ComItemSIte01">
              <img class="inser" src="../assets/images/liuliang@2x.png">
              <div class="Uker01ComItemConser">
                <span><i></i> 微藏汇 </span>
                <span>委托拍卖</span>
              </div>
              <div class="Uker01ComItemKonser">
                <template v-if="footerobj.text_ji[0]">
                  {{footerobj.text_ji[0]}}<br />
                </template>
                <template v-if="footerobj.text_ji[1]">
                  {{footerobj.text_ji[1]}}<br />
                </template>
                <template v-if="footerobj.text_ji[2]">
                  {{footerobj.text_ji[2]}}<br />
                </template>
              </div>
              <div class="Uker01ComItemBot">
                <img src="../assets/images/pic4@2x.png">
              </div>
            </div>
            <div class="Uker01ComItemSIte02">
              <img class="inser" src="../assets/images/liuliang@2x.png">
              <div class="Uker01ComItemConser02">
                <span><i></i> 微藏汇 </span>
              </div>
              <div class="Uker01ComItemConser02Img">
                <img class="inser" :src="footerobj.qrcodeurl_ji" @touchstart="touchStart(footerobj.qrcodeurl_ji)" @touchend="touchEnd()">
              </div>
              <p class="Ukp1">微信扫码</p>
              <p class="Ukp2"></p>
              <!-- <p class="Ukp3">联系电话</p> -->
              <!-- <p class="Ukp4">{{footerobj.mobile}}</p> -->
              <div class="Uk02beijing">

              </div>
            </div>
          </div>
          <div class="Uker01ComItem">
            <div class="Uker01ComItemSIte01">
              <img class="inser" src="../assets/images/liuliang@2x.png">
              <div class="Uker01ComItemConser">
                <span><i></i> 微藏汇 </span>
                <span>PMG数据</span>
              </div>
              <div class="Uker01ComItemKonser">
                <template v-if="footerobj.text_pmg[0]">
                  {{footerobj.text_pmg[0]}}<br />
                </template>
                <template v-if="footerobj.text_pmg[1]">
                  {{footerobj.text_pmg[1]}}<br />
                </template>
                <template v-if="footerobj.text_pmg[2]">
                  {{footerobj.text_pmg[2]}}<br />
                </template>
              </div>
              <div class="Uker01ComItemBot">
                <img src="../assets/images/pic4@2x.png">
              </div>
            </div>
            <div class="Uker01ComItemSIte02">
              <img class="inser" src="../assets/images/liuliang@2x.png">
              <div class="Uker01ComItemConser02">
                <span><i></i> 微藏汇 </span>
              </div>
              <div class="Uker01ComItemConser02Img">
                <img class="inser" :src="footerobj.qrcodeurl_pmg" @touchstart="touchStart(footerobj.qrcodeurl_pmg)" @touchend="touchEnd()">
              </div>
              <p class="Ukp1">微信扫码</p>
              <p class="Ukp2"></p>
              <!-- <p class="Ukp3">联系电话</p> -->
              <!-- <p class="Ukp4">{{footerobj.mobile}}</p> -->
              <div class="Uk02beijing">

              </div>
            </div>
          </div>

          <div class="Uker01ComItem">
            <div class="Uker01ComItemSIte01">
              <img class="inser" src="../assets/images/liuliang@2x.png">
              <div class="Uker01ComItemConser">
                <span><i></i> 微藏汇 </span>
                <span>成交记录</span>
              </div>
              <div class="Uker01ComItemKonser">
                <template v-if="footerobj.text_history[0]">
                  {{footerobj.text_history[0]}}<br />
                </template>
                <template v-if="footerobj.text_history[1]">
                  {{footerobj.text_history[1]}}<br />
                </template>
                <template v-if="footerobj.text_history[2]">
                  {{footerobj.text_history[2]}}<br />
                </template>
              </div>
              <div class="Uker01ComItemBot">
                <img src="../assets/images/pic4@2x.png">
              </div>
            </div>
            <div class="Uker01ComItemSIte02">
              <img class="inser" src="../assets/images/liuliang@2x.png">
              <div class="Uker01ComItemConser02">
                <span><i></i> 微藏汇 </span>
              </div>
              <div class="Uker01ComItemConser02Img">
                <img class="inser" :src="footerobj.qrcodeurl_history" @touchstart="touchStart(footerobj.qrcodeurl_history)" @touchend="touchEnd()">
              </div>
              <p class="Ukp1">微信扫码</p>
              <p class="Ukp2"></p>
              <!-- <p class="Ukp3">联系电话</p> -->
              <!-- <p class="Ukp4">{{footerobj.mobile}}</p> -->
              <div class="Uk02beijing">

              </div>
            </div>
          </div>

          <div class="Uker01ComItem">
            <div class="Uker01ComItemSIte01">
              <img class="inser" src="../assets/images/liuliang@2x.png">
              <div class="Uker01ComItemConser">
                <span><i></i> 微藏汇 </span>
                <span>商家入驻</span>
              </div>
              <div class="Uker01ComItemKonser">
                <template v-if="footerobj.text_store[0]">
                  {{footerobj.text_store[0]}}<br />
                </template>
                <template v-if="footerobj.text_store[1]">
                  {{footerobj.text_store[1]}}<br />
                </template>
                <template v-if="footerobj.text_store[2]">
                  {{footerobj.text_store[2]}}<br />
                </template>
              </div>
              <div class="Uker01ComItemBot">
                <img src="../assets/images/pic4@2x.png">
              </div>
            </div>
            <div class="Uker01ComItemSIte02">
              <img class="inser" src="../assets/images/liuliang@2x.png">
              <div class="Uker01ComItemConser02">
                <span><i></i> 微藏汇 </span>
              </div>
              <div class="Uker01ComItemConser02Img">
                <img class="inser" :src="footerobj.qrcodeurl_store" @touchstart="touchStart(footerobj.qrcodeurl_store)" @touchend="touchEnd()">
              </div>
              <p class="Ukp1">微信扫码</p>
              <p class="Ukp2"></p>
              <!-- <p class="Ukp3">联系电话</p> -->
              <!-- <p class="Ukp4">{{footerobj.mobile}}</p> -->
              <div class="Uk02beijing">

              </div>
            </div>
          </div>

        </div>
      </div>
    </div>

    <div class="ServiEer">
      <div class="ServiEerChaHua">
        <img class="Xmiao" src="../assets/images/wuyan@2x.png">
      </div>
      <div class="container">
        <div class="ServiEerCOen">

          <div class="ServiEerLeft">
            <div class="ServiEerLeftSite">
              <p>{{footerobj.about}}</p>
            </div>
            <div class="ServiEerLeftSiteDetial">
              <div class="ServiEerLeftSiteDetial01">
                <p>introduce</p>
                <p>公 司 介 绍 </p>
              </div>
              <div class="ServiEerLeftSiteDetialspaN">

              </div>
              <div class="ServiEerLeftSiteDetial02">
                <div class="ServiEerLeftSiteDetial02Mp">
                  <p>{{footerobj.text3}}</p>
                  <p>{{footerobj.text2}}</p>
                </div>
                <div class="ServiEerLeftSiteDetial02Cp">
                  <p>{{footerobj.text1}} </p>
                </div>

              </div>
              <!-- <img src="static/网站/2我们/shuoming@2x.png" > -->
            </div>
          </div>

          <div class="ServiEerRight">
            <div class="ServiEerRightConI">
              <img class="ServiEerRightConIcon" src="../assets/images/z94@3x.png">
              <div class="ServiEerRightConISpan">
                <p>助力商家 <span>降本增效</span></p>
                <p>缩短变现路径，满足企业长期营销推广</p>
              </div>
            </div>
            <div class="ServiEerRightConI">
              <img class="ServiEerRightConIcon" src="../assets/images/z94@3x.png">
              <div class="ServiEerRightConISpan">
                <p>助力商家 <span>降本增效</span></p>
                <p>缩短变现路径，满足企业长期营销推广</p>
              </div>
            </div>
            <div class="ServiEerRightConI">
              <img class="ServiEerRightConIcon" src="../assets/images/z94@3x.png">
              <div class="ServiEerRightConISpan">
                <p>助力商家 <span>降本增效</span></p>
                <p>缩短变现路径，满足企业长期营销推广</p>
              </div>
            </div>
          </div>
        </div>
      </div>

    </div>

  </div>
</template>

<script>
  export default {
    name: '',
    components: {},
    props: ["footerobj"],
    data() {
      return {
        timer:'',
      }
    },
    computed: {},
    watch: {},
    created() {},
    mounted() {},
    methods: {
      touchEnd() {
        //手指离开
        clearTimeout(this.timer);
      },
      touchStart(e) {
        //手指触摸
        clearTimeout(this.timer); //再次清空定时器，防止重复注册定时器
        this.timer = setTimeout(() => {
          this.downloadIamge(e, "微藏汇");
        }, 1000);
      },
      downloadIamge(imgsrc, name) {
        //下载图片地址和图片名
        let image = new Image();
        // 解决跨域 Canvas 污染问题
        image.setAttribute("crossOrigin", "anonymous");
        image.onload = () => {
          let canvas = document.createElement("canvas");
          canvas.width = image.width;
          canvas.height = image.height;
          let context = canvas.getContext("2d");
          context.drawImage(image, 0, 0, image.width, image.height);
          let url = canvas.toDataURL("image/png"); //得到图片的base64编码数据
          let a = document.createElement("a"); // 生成一个a元素
          let event = new MouseEvent("click"); // 创建一个单击事件
          a.download = name || "photo"; // 设置图片名称
          a.href = url; // 将生成的URL设置为a.href属性
          a.dispatchEvent(event); // 触发a的单击事件
        };
        image.src = imgsrc;
      }
    }
  }
</script>

<style lang="scss" scoped>
  @import url("../assets/css/basic.css");
  @import url("../assets/css/media.css");
  .ServiEerLeftSite{
    padding: 20px 120px 20px 20px;
    box-sizing: border-box;
  }
  .ServiEerLeftSite p{
    font-size: 16px;
    line-height: 32px;
  }
  @media only screen and (min-width: 100px) and (max-width: 998px) {
    .ServiEerLeftSite{
      height: 44.3rem!important;
    }
    .ServiEerLeftSite{
      padding: 10px 10px 10px 10px;
      box-sizing: border-box;
    }
    .ServiEerLeftSite p{
      font-size: 12px;
      line-height: 20px;
    }
    .ServiEerLeftSite {
      height: 48.875rem!important;
    }
  }
</style>